<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM树的阻塞性</title>
    <script>
        window.onload = function(){
            var AAA = document.getElementById("aaa");
            AAA.style.color = "red";
        }
    </script>
</head>
<body>
    <p>DOM：是指js操作网页的接口，全称为 文档对象模型。</p>
    <p>DON树：元素与元素之间的关系，可以理解为页面的结构。</p>
    <p>js代码在执行的时候，会阻塞页面的加载，此时,DOM树是不完整的，这样在调用一些js代码时就肯能会报错。</p>
    <p>通常将js代码写在html之后，不过也可以在 body些html，在 head中写js代码，只是需要给这个js代码添加到 onload()加载完成事件中。</p>

    <p>防止阻塞的两种方法：</p>
    <p>1、将所有js代码写在body的最后。</p>
    <p>2、添加 window.onload()事件。</p>
    <div id="aaa">js代码放在head中的，需要使用onload事件，意思是在窗口加载完成以后执行，</div>
</body>
</html>